<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我是冲突的标题</title>
</head>
<body>
    <h1>我制造了一点冲突</h1>
    <h6>我是一个小月亮</h6>
    <h2>我是一个小太阳</h2>
    <p>11111</p>

    <button id="btn">折叠</button>
    <div class="box ggg">
  
    </div>
    <!-- 为 ECharts 准备一个定义了宽高的 父盒子 -->
    <div class="echarts-box">
      <!-- 宽度100%有效果，可以跟随父盒子变化； 高度100%必须要设置，如果去掉，echarts就不显示了。  -->
      <!-- 但是设置了高度100%，echarts会显示， 但是呢，不跟随父盒子高度：解决方法通过myChart.resize()解决 -->
      <div id="main" style="width:100%;height: 100%;"></div>
    </div>
</body>
</html>